var test = document.querySelector('input');
//获取焦点
test.onclick = function () {
    if (this.value === '请输入您要搜索的关键字:') {
        this.value = '';
        // this.style.color = '#333';
    }
}
//失去焦点
test.onblur = function () {
    if (this.value === '') {
        this.value = '请输入您要搜索的关键字:';
    }
}//输入框点击事件得到和失去焦点结束
//==============================功能分割线
//div盒子内容自动轮盘
window.onload = roll(50);
function roll(t) {
    var box = document.getElementById("box");
    var ul1 = document.getElementById("ul1");
    var ul2 = document.getElementById("ul2");
    ul2.innerHTML = ul1.innerHTML;
    box.scrollTop = 0;
    var timer = setInterval(rollStart, t);
    box.onmouseover = function () {
        clearInterval(timer)
    }
    box.onmouseout = function () {
        timer = setInterval(rollStart, t);
    }
}
function rollStart() {
    if (box.scrollTop >= ul1.scrollHeight) {
        box.scrollTop = 0;
    } else {
        box.scrollTop++;
    }
}
//======================================功能分割线
//根据li下标显示对应的div盒子
$(function () {
    //鼠标经过左侧小li
    $(".justcenters2subject li").mouseover(function () {
        //2.得到当前小li的索引号
        var index = $(this).index();
        console.log(index);
        if (index == 0) {
            $(".justcenters2counts").hide();
            // $(".justcenters2countss").show();
        } else {
            // $(".justcenters2counts").hide();
            $(".justcenters2countss").siblings().show();
        }
    })
});
//============================功能分割线显示隐藏图片
$(function () {
    $("#modulardiv").click(function () {
        $(".hiddens").fadeIn();
    })
    $("#modulardiv").mouseout(function () {
        $(".hiddens").fadeOut();
    })
});
//============================功能分割线显示隐藏图片
$(function () {
    $("#modulargif").click(function () {
        $(".hiddenss").fadeIn();
    })
    $("#modulargif").mouseout(function () {
        $(".hiddenss").fadeOut();
    })
});
//=============================功能分割线
//切换图片隐藏
function changeImd(a) {//a传递显示图片索引的数字
    $(".banner ul li").eq(a).fadeIn().siblings().fadeOut();
}
// changeImd(2);
//自动播放
let step = 0;
changeImd(step);
let timer = null;
function autoPlay() {
    timer = setInterval(function () {
        step++
        if (step === 3) {
            step = 0;
        }
        changeImd(step);
    }, 3000);
}
autoPlay()

//点击左边按钮添加效果
$(".leftBtn").click(function () {

    clearInterval(timer);
    step--;
    if (step === -1) {
        step = 2;
    }
    changeImd(step);
    autoPlay();
    console.log(step)
});
//点击左边按钮添加效果
$(".rightBtn").click(function () {
    clearInterval(timer);
    step++;
    if (step === 3) {
        step = 0;
    }
    changeImd(step);
    autoPlay();
    // console.log(step)
});
//=====================
var index = 0;
//  定义一个初始值
var picwidth = $('.list li img').width();
// 一张图片的宽度
// console.log(picwidth);
var timers = '';
//声明一个定时器
timers = setInterval(move, 3000);    //  自动播放
function move() {                //运动函数
    index++;
    if (index < 0) {   //当状态值时为0时  使图片跳转到最后张图
        index = 6;
        // $('.listss').stop().animate({ 'left': -index * picwidth-index })
    }
    if (index == 6) {//当状态值时为9时  使图片跳转到第一张图
        index = 0;
        // $('.listss').stop().animate({ 'left': 0 })
    }
    // ul 宽度随状态值切换
    $('.listss').stop().animate({ 'left': -index * picwidth-(index*index-1) });
}
// 移入清除定时器 //移出开始定时器

$('.foot').hover(function () { 
    clearInterval(timers); }, function () {
    timers = setInterval(move, 3000)
    console.log(1111)
});
